<!DOCTYPE HTML>
<html lang="">

<head>
    <meta charset="UTF-8">
    <title>Page Not Found</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            font-family: Roboto, Arial;
        }
        
        body {
            text-align: center;
        }
        
        .logo {
            margin: 60px 0 40px 3px;
        }
        
        .error-message {
            color: #686868;
            letter-spacing: 1.2px;
            line-height: 50px;
            font-size: 24px;
            margin: 40px 0;
        }
        
        .error-message a {
            color: #6a87da;
        }
        
        .error-message a:hover {
            color: #375fd0;
        }
        
        .btn {
            display: inline-block;
            cursor: pointer;
            padding: 10px;
            color: #fff;
            background-color: #cc2e2d;
        }
        
        .btn:hover {
            background-color: #d64a49;
        }
    </style>
</head>

<body>
    <div class="logo"><img src="" /></div>
    <div class="graphic"><img src="" /></div>
    <div class="error-message">The page you're trying to reach doesn't exist.
        <br>Go back to <a href="http://seabird.oocl.com">seabird.oocl.com</a></div>
</body>

</html>